<template>
  <div class="header">
      <h1>Swellpro Admin</h1>
      <div class="center"></div>
      <div class="right">
      	  <p>退出登录</p>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
       
    }
  }
}
</script>


<style lang="stylus" scoped>
.header
	width 100%
	flex 0 0 60px
	color #000
	display flex
	padding 0 2rem
	border-bottom 1px solid #ddd
	h1
		font-weight 100
		line-height 60px
		font-size 1.2em
	.center
		flex 1
	.right 
		flex 0 0 130px
		display flex
		align-items center
		img
			width 40px
			height 40px
			border-radius 50%
		
</style>
